<template>
  <div class="certificate">
    <image class="image" :src="bj"></image>
    <!-- 文本 -->
    <div class="content">
      <div class="name"><span>王芳</span>校友：</div>
      <div class="text">
        感谢您不忘初心，情系母校，捐赠教育助学！捐赠金额：<span>1000</span>元，时间：<span>2022年9月20日18时18分59秒</span>。对您的爱心奉献表示诚挚的敬意。
      </div>
      <div class="text2">特颁此证！</div>
      <div class="ending">
        <u--image
          :showLoading="true"
          :src="logo"
          width="41px"
          height="39px"
        ></u--image>
        <div class="txt">
          <div class="p1">都安高中校友会</div>
          <div class="p2">2022年9月30日</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      bj: require("@/static/index/zhengshu.png"),
      logo: require("@/static/index/logo.png"),
    };
  },
};
</script>
<style lang="scss" scoped>
.certificate {
  width: 100%;
  height: 100%;
  position: relative;
  .image {
    width: 100%;
    height: 100%;
  }
  // 文本
  .content {
    width: 100%;
    position: absolute;
    top: 28%;
    left: 0px;
    padding: 0px 11%;
    .name {
      margin-bottom: 20px;
      font-size: 20px;
      font-weight: bold;
    }
    .text {
      text-indent: 30px;
      line-height: 25px;
    }
    .text2 {
      text-indent: 30px;
    }
    .ending {
      display: flex;
      justify-content: flex-end;
      margin-top: 20px;
      .txt {
        margin-left: 5px;
      }
    }
  }
}
</style>